<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="kaiin.KaiinBeans"%>
<%request.setCharacterEncoding("utf-8"); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="text/css" />
<link rel="stylesheet" href="src/jsp/css/base.css" type="text/css" media="all" />
<link rel="stylesheet" href="src/jsp/css/top.css" type="text/css" media="all" />

<title>トップページ</title>
</head>

<body>
<%
KaiinBeans kbean = (KaiinBeans)session.getAttribute("kbean");
if(kbean == null) kbean = new KaiinBeans();
%>
<div id="wrapper">

<div id="header">
	<h1><a href="top"><img src="src/img/kyoutu/head4.jpg" width="765px" height="110" alt="うるまかりゆし商店"/></a></h1>
<!-- ■header部分ナビゲーション -->
<!-- ■現在いるページには<span></span>で囲み、それ以外は<a href></a>でリンク先を指定■ -->
	<ul>
		<li id="top"><span>トップページ</span></li>
		<li id="foods"><a href="shouhin/CateSQL?cateText=1">食品</a></li>
		<li id="craft"><a href="shouhin/CateSQL?cateText=2">民芸品</a></li>
		<li id="book_cd"><a href="shouhin/CateSQL?cateText=3">本・CD</a></li>
		<li id="info"><a href="./cart.jsp">カートを見る</a></li>
		<li id="faq"><a href="#">お問い合わせ</a></li>
	</ul>
</div><!-- header_END -->

<div id="pagebody">

<div id="sidebar">

<%if(!kbean.isLogIn()){ %>
	<h2>ログイン</h2>
<div id="login">
	<form action = "kaiin/login">
	<label class="sidelabel" for="identify"">お客様番号</label>
	<input type="text" id="identify" name="identify"></input>
	<label class="sidelabel" for="pass">パスワード</label>
	<input type="text" id="pass" name="pass"></input>
	<input type="submit" id="loginsub" value="送信" />
	</form>
	<a href="kaiin/reg">新規登録</a>
</div><!-- login_END -->
<%}else{ %>
<div id="login_mem">
	<p><%=kbean.getSimei() %>さん！ようこそ！</p>

	<p><a href="kaiin/logout">ログアウト</a></p>
</div>
<%} %>
<div class="ad">
 <img src="" alt="広告スペース1" />

</div>

<div class="ad">
 <img src="" alt="広告スペース2" />
</div>


<div id="manager">
	<img src="src/img/kyoutu/manager.jpg" width="100" height="120"/>
	<p>店長の知念です。本日はご来店いただきありがとうございます</p>
</div>

</div><!-- sidebar_END -->

<div id="content">

	<div class="lead">
		<h2>ようこそ！うるまかりゆし商店　ネットショップへ</h2>
		<p>
			当店は沖縄の美味しいもの、良質な民芸品、お薦めの本やCDを販売しております。<br />
			店長が厳選した、選りすぐりの商品を沖縄から皆様のもとへお届けいたします
		</p>
	</div><!-- lead_END -->

<!-- 以下カテゴリページへの移動バナー <a href="#"> ←ここにリンク先を入力 -->
<!-- ※<a>タグ属性の"name"は使用しない -->

	<div class="banner">
		<h3><a href="shouhin/CateSQL?cateText=1" ><img src="src/img/kyoutu/foods.jpg" width="400" height="80" alt="食品"/></a></h3>
		<p>沖縄の美味しい食材、食品が勢揃い！</p>
	</div><!-- foods_END -->

	<div class="banner">
		<h3><a href="shouhin/CateSQL?cateText=2" ><img src="src/img/kyoutu/craft.jpg" width="400" height="80" alt="工芸品"/></a></h3>
		<p>職人の方の熟練した技術による、工芸品の紹介です</p>
	</div><!-- craft_END -->

	<div class="banner">
		<h3><a href="shouhin/CateSQL?cateText=3" ><img src="src/img/kyoutu/book_cd.jpg" width="400" height="80" alt="本・CD"/></a></h3>
		<p>沖縄関連の本・CDはいかがですか</p>
	</div><!-- book_END -->

<!-- カテゴリバナーここまで -->
			<h4>新着情報</h4>
		<dl>
			<dt>2010.12.24 FRI</dt>
			<dd>新作CD入荷しました</dd>
		</dl>
		<h4>お知らせ</h4>
		<dl>
			<dt>2010.12.24 FRI</dt>
			<dd>今年の営業は12/30迄</dd>
		</dl>


</div><!-- content_END -->
</div><!-- pagebody_END -->

<div id="footer">
	<ul>
		<li id="privacy"><a href="#" title="プライバシーポリシー">privacy</a></li>
		<li id="sitemap"><a href="#" title="サイトマップ">sitemap</a></li>
		<li id="info"><a href="#" title="お問い合わせ">info</a></li>
	</ul>

	<p>All rights reserved Nak Corporation &amp; Co.2010-2011</p>

</div><!-- footer_END -->

</div><!-- wrapper_END -->

</body>
</html>
